import 'package:flutter/material.dart';
import '../components/FooterItem.dart';

class Account extends StatefulWidget {
  @override
  AccountWState createState() => new AccountWState();
}

class AccountWState extends State<Account> {
  @override
  Widget build(BuildContext context) {
    double mediaWidth = MediaQuery.of(context).size.width; // 屏幕宽度
    return Scaffold(
        appBar: AppBar(
          title: Text("账户"),
        ),
        body: Container(
          color: Colors.white,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container(
                padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
                decoration: BoxDecoration(
                    color: Colors.white38,
                    boxShadow: [
                      BoxShadow(
                          color: Colors.white,
                          offset: Offset(0.0, 0), //阴影xy轴偏移量
                          blurRadius: 1.0, //阴影模糊程度
                          spreadRadius: 1.0 //阴影扩散程度
                          )
                    ],
                    border: Border(
                        bottom: BorderSide(width: 1, color: Colors.black12))),
                child: Flex(
                  direction: Axis.horizontal,
                  children: [
                    Expanded(
                      child: Text("背景图"),
                      flex: 3,
                    ),
                    Expanded(
                      child: ClipOval(
                        child: Image(
                          image: AssetImage("images/2.jpg"),
                          fit: BoxFit.cover,
                          width: 100,
                          height: 100,
                        ),
                      ),
                    )
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
                decoration: BoxDecoration(
                    color: Colors.white38,
                    boxShadow: [
                      BoxShadow(
                          color: Colors.white,
                          offset: Offset(0.0, 0), //阴影xy轴偏移量
                          blurRadius: 1.0, //阴影模糊程度
                          spreadRadius: 1.0 //阴影扩散程度
                          )
                    ],
                    border: Border(
                        bottom: BorderSide(width: 1, color: Colors.black12))),
                child: Flex(
                  direction: Axis.horizontal,
                  children: [
                    Expanded(
                      child: Text("头像"),
                      flex: 3,
                    ),
                    Expanded(
                      child: ClipOval(
                        child: Image(
                          image: AssetImage("images/2.jpg"),
                          fit: BoxFit.cover,
                          width: 100,
                          height: 100,
                        ),
                      ),
                    )
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
                decoration: BoxDecoration(
                    color: Colors.white38,
                    boxShadow: [
                      BoxShadow(
                          color: Colors.white,
                          offset: Offset(0.0, 0), //阴影xy轴偏移量
                          blurRadius: 1.0, //阴影模糊程度
                          spreadRadius: 1.0 //阴影扩散程度
                          )
                    ],
                    border: Border(
                        bottom: BorderSide(width: 1, color: Colors.black12))),
                child: Flex(
                  direction: Axis.horizontal,
                  children: [
                    Expanded(
                      child: Text("用户名"),
                      flex: 3,
                    ),
                    Expanded(child: Text("smallzip"))
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
                decoration: BoxDecoration(
                    color: Colors.white38,
                    boxShadow: [
                      BoxShadow(
                          color: Colors.white,
                          offset: Offset(0.0, 0), //阴影xy轴偏移量
                          blurRadius: 1.0, //阴影模糊程度
                          spreadRadius: 1.0 //阴影扩散程度
                          )
                    ],
                    border: Border(
                        bottom: BorderSide(width: 1, color: Colors.black12))),
                child: Flex(
                  direction: Axis.horizontal,
                  children: [
                    Expanded(
                      child: Text("个人介绍"),
                      flex: 3,
                    ),
                    Expanded(
                      child: Text("简单的介绍一下阿撒旦法撒旦法撒旦法"),
                    )
                  ],
                ),
              )
            ],
          ),
        ));
  }
}
